<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>华为二期项目</title>
  <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
  <link rel="stylesheet" href="./swiper-5.2.1/swiper-5.2.1/package/css/swiper.css">
  <link rel="stylesheet" href="./css/style.css">

<body>
  <!-- 第一部分 -->
  <nav class="navbar navbar-inverse nav_dh1 hidden-xs hidden-sm">
    <div class="container">

      <ul class="nav navbar-nav navbar-left nav_dh2">
        <li><a href="#" class="wzjt">集团网站<i>&#xe613;</i></a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right nav_dh2">
        <li><a href="#" class="xzyy"><i>&#xe693;</i><span>选择区域/语言</span><i>&#xe613;</i></a></li>
        <li><a href="#" class="denglu"><i>&#xe60d;</i><span>登录</span></a></li>
      </ul>
    </div>
  </nav>

  <div class="container hidden-xs  hidden-sm wzjt_">
    <ul>
      <li>
        <h3>集团网站</h3>
        <p>公司信息，社会责任，新闻，展会活动，行业洞察等等</p>
      </li>
      <li>
        <h3>个人用户 <i>&#xe613;</i></h3>
        <p>手机，PC和平板，穿戴设备等个人及家用产品
        </p>
      </li>
      <li>
        <h3>企业用户 <i>&#xe613;</i></h3>
        <p>企业商用产品、解决方案和云服务</p>
      </li>
      <li>
        <h3>运营商用户 <i>&#xe613;</i></h3>
        <p>运营商网络解决方案、产品及服务</p>
      </li>
    </ul>
  </div>

  <div class="container hidden-xs hidden-sm xzyy_">
    <div><i>&#xe693;</i> Huawei Global - English</div>
    <ul>
      <li><span>Australia</span> - <a href="#">English </a></li>
      <li><span>Belarus</span> - <a href="#">Pусский</a></li>
      <li><span>Brazil</span> - <a href="#">Portuguese</a></li>
      <li><span>Canada</span> - <a href="#">English</a></li>
      <li><span>China</span> - <a href="#">简体中文</a></li>
      <li><span>France</span> - <a href="#">Français</a></li>
      <li><span>Germany</span> -<a href="#">Deutsch</a></li>
      <li><span>Italy</span> - <a href="#">Italiano</a></li>
      <li><span>Japan</span> - <a href="#">日本語</a></li>
      <li><span>Kazakstan</span> - <a href="#">русский</a></li>
      <li><span>Kenya</span> - <a href="#">English</a></li>
      <li><span>Malaysia</span> - <a href="#">English</a></li>
      <li><span>Mexico</span> - <a href="#">Español</a></li>
      <li><span>Myanmar</span> - <a href="#">ျမန္မာ</a></li>
      <li><span>New Zealand</span> - <a href="#">English</a></li>
      <li><span>Russia</span> - <a href="#">русский</a></li>
      <li><span>South Africa</span> - <a href="#">English</a></li>
      <li><span>Spain</span> - <a href="#">Español</a></li>
      <li><span>Switzerland</span> - <a href="#">English</a></li>
      <li><span>Thailand</span> - <a href="#">ภาษาไทย</a></li>
      <li><span>Turkey</span> - <a href="#">Türkiye</a></li>
      <li><span>Ukraine</span> - <a href="#">Українська</a></li>
      <li><span>United Kingdom</span> - <a href="#">English</a></li>
      <li><span>United States</span> - <a href="#">English</a></li>
      <li><span>Uzbekistan</span> - <a href="#">русский</a></li>
      <li><span>Uzbekistan</span> - <a href="#">O’zbek</a></li>
      <li><span>Vietnam</span> - <a href="#">Tiếng Việt</a></li>
    </ul>
  </div>





  <!-- 第二部分 -->
  <nav class="navbar navbar-default nav_hw">
    <div class="container nav_hw_container">

      <!-- 小屏幕状态下按钮组 -->
      <div>
        <!-- 华为logo -->
        <a class="navbar-brand hwloge" href="#"><img src="./img/huawei_logo.png" alt=""></a>
      </div>



      <div class=" nav_hw_2">
        <ul class=" navbar-nav">

          <!--手机、笔记本&平板...-->
          <li class="phone_li">
            <a href="#">
              <i class="phone  hidden-sm">&#xe603;</i>
              <span>手机、笔记本&平板...</span>
              <i class="jt">&#xe613;</i>
            </a>

            <!--手机、笔记本&平板...---内部-->
            <nav class="navbar navbar-default phone_div">

              <div class="container">
                <div class="row phone_div_row">
                  <div class="col-md-3 phone_div_row_1"><img src="./img/下拉图.png" alt=""></div>
                  <div class="col-md-7 phone_div_row_2">
                    <div class="container-fluid">
                      <div class="row">
                        <div class="col-md-3">
                          <p><img src="./img/手机.png" alt=""> </p>
                          <p>手机</p>
                        </div>
                        <div class="col-md-3">
                          <p><img src="./img/笔记本.png" alt=""></p>
                          <p>笔记本</p>
                        </div>
                        <div class="col-md-3">
                          <p><img src="./img/平板.png" alt=""> </p>
                          <p>平板</p>
                        </div>
                        <div class="col-md-3">
                          <p><img src="./img/智慧屏.png" alt=""></p>
                          <p>智慧屏</p>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-3">
                          <p><img src="./img/穿戴.png" alt=""> </p>
                          <p>穿戴</p>
                        </div>
                        <div class="col-md-3">
                          <p><img src="./img/音频.png" alt=""> </p>
                          <p>音频</p>
                        </div>
                        <div class="col-md-3">
                          <p><img src="./img/路由器.png" alt=""></p>
                          <p>路由器</p>
                        </div>
                        <div class="col-md-3">
                          <p><img src="./img/EMUI.png" alt=""> </p>
                          <p>EMUI</p>
                        </div>
                      </div>
                    </div>
                    <p class="hw_com">前往 <span>consumer.huawei.com</span> 查看全部产品</p>
                  </div>
                  <div class="col-md-2 phone_div_row_3">
                    <h3>需要技术支持？</h3>
                    <p>寄修服务</p>
                    <p>预约服务</p>
                    <p>保修状态查询</p>
                    <p>保修政策</p>
                    <p class="fangwen">访问 <span>技术支持中心</span></p>
                    <div></div>
                  </div>
                </div>
              </div>

            </nav>
          </li>

          <!-- 解决方案&服务  -->
          <li class="fwq_li">
            <a href="#">
              <i class="fwq  hidden-sm">&#xe601;</i>
              <span>解决方案&服务 </span>
              <i class="jt">&#xe613;</i>
            </a>


            <!-- 解决方案&服务  ---内部--->
            <nav class="navbar navbar-default fwq_div">

              <div class="container">
                <div class="fwq_tab">
                  <!-- Nav tabs -->
                  <ul class="nav nav-tabs fwq_nav_tab" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                        data-toggle="tab">企业用户</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab"
                        data-toggle="tab">运营商用户</a></li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab"
                        data-toggle="tab">华为云服务</a></li>
                  </ul>
                </div>

              </div>


              <div class="tab-content_">
                <div class="container">
                  <!-- Tab panes -->
                  <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                      <div class="row tab-content_row">
                        <div class="col-sm-9 tab-content_row_9">
                          <h3 class="col-sm-3">产品</h3>
                          <h3 class="col-sm-3">解决方案</h3>
                          <h3 class="col-sm-3">服务</h3>
                          <h3 class="col-sm-3">合作伙伴</h3>
                          <div class="col-sm-3">交换机</div>
                          <div class="col-sm-3">云数据中心</div>
                          <div class="col-sm-3">培训与认证</div>
                          <div class="col-sm-3">查找合作伙伴</div>
                          <div class="col-sm-3">路由器</div>
                          <div class="col-sm-3">企业网络</div>
                          <div class="col-sm-3">行业云使能服务</div>
                          <div class="col-sm-3">了解伙伴权益</div>
                          <div class="col-sm-3">WLAN</div>
                          <div class="col-sm-3">智能计算</div>
                          <div class="col-sm-3">提升服务</div>
                          <div class="col-sm-3">成为合作伙伴</div>
                          <div class="col-sm-3">存储</div>
                          <div class="col-sm-3 F66F6A">各行业解决方案</div>
                          <div class="col-sm-3">客户支持服务</div>
                          <div class="col-sm-3">OpenLab</div>
                          <div class="col-sm-3 F66F6A">查看全部</div>
                          <div class="col-sm-3 F66F6A">查看全部</div>
                          <div class="col-sm-3 F66F6A">查看全部</div>
                          <div class="col-sm-3 F66F6A">查看全部</div>
                          <div class="col-sm-12  div_com">前往 <span class="F66F6A">e.huawei.com</span> 查看全部企业业务</div>
                        </div>
                        <div class="col-sm-3 tab-content_row_3" style="background-color: #EBEBEB;">
                          <h3 class="col-sm-12">需要技术支持？</h3>
                          <div class="col-sm-12">产品支持</div>
                          <div class="col-sm-12">软件下载</div>
                          <div class="col-sm-12">技术论坛</div>
                          <div class="col-sm-12">工具</div>
                          <div class="col-sm-12">售前资料获取</div>
                          <div class="col-sm-12 div_com">前往<span class="F66F6A">技术支持中心</span></div>
                          <div></div>
                        </div>
                      </div>
                    </div>


                    <div role="tabpanel" class="tab-pane" id="profile">
                      <div class="row tab-content_row">
                        <div class="col-sm-9 tab-content_row_9">
                          <h3 class="col-sm-4">产品</h3>
                          <h3 class="col-sm-4">解决方案</h3>
                          <h3 class="col-sm-4">服务</h3>

                          <div class="col-sm-4">交换机</div>
                          <div class="col-sm-4">云数据中心</div>
                          <div class="col-sm-4">培训与认证</div>
                          <div class="col-sm-4">查找合作伙伴</div>
                          <div class="col-sm-4">路由器</div>
                          <div class="col-sm-4 kong">.</div>
                          <div class="col-sm-4">行业云使能服务</div>
                          <div class="col-sm-4">了解伙伴权益</div>
                          <div class="col-sm-4 kong">.</div>
                          <div class="col-sm-4 kong">.</div>
                          <div class="col-sm-4">提升服务</div>
                          <div class="col-sm-4 kong">.</div>
                          <div class="col-sm-12  div_com">前往 <span class="F66F6A">carrier.huawei.com</span> 查看全部运营商业务
                          </div>
                        </div>
                        <div class="col-sm-3 tab-content_row_3" style="background-color: #EBEBEB;">
                          <h3 class="col-sm-12">需要技术支持？</h3>
                          <div class="col-sm-12">产品支持</div>
                          <div class="col-sm-12">Group Space</div>
                          <div class="col-sm-12">公告</div>
                          <div class="col-sm-12">华为资料直通车</div>
                          <div class="col-sm-12 div_com">前往<span class="F66F6A">技术支持中心</span></div>
                          <div></div>
                        </div>
                      </div>
                    </div>



                    <div role="tabpanel" class="tab-pane" id="messages">
                      <div class="row tab-content_row">
                        <div class="col-sm-9 tab-content_row_9">

                          <h3 class="col-sm-4 tab-content_row_9_img"><img src="./img/nav-contact_02.png" alt=""></h3>
                          <h3 class="col-sm-4">产品</h3>
                          <h3 class="col-sm-4">解决方案</h3>

                          <div class="col-sm-4">弹性云服务器</div>
                          <div class="col-sm-4">电商行业企业自建解决方案</div>
                          <div class="col-sm-4">关系型数据库</div>
                          <div class="col-sm-4">游戏行业解决方案</div>
                          <div class="col-sm-4">软件开发云</div>
                          <div class="col-sm-4">高性能计算解决方案</div>
                          <div class="col-sm-4 F66F6A">查看全部</div>
                          <div class="col-sm-4">SAP解决方案</div>
                          <div class="col-sm-4 kong jian">.</div>
                          <div class="col-sm-4 jian F66F6A">查看全部</div>
                          <div class="col-sm-3 img_font">华为云+<br>智能见，未来></div>
                          <div class="col-sm-1"></div>
                          <div class="col-sm-8  div_com">查看全部华为云服务<span class="F66F6A">www.huaweicloud.com</span></div>

                        </div>
                        <div class="col-sm-3 tab-content_row_3" style="background-color: #EBEBEB;">
                          <h3 class="col-sm-12">需要技术支持？</h3>
                          <div class="col-sm-12">服务保障体系</div>
                          <div class="col-sm-12">华为云社区</div>
                          <div class="col-sm-12 div_com div_com3">前往<span class="F66F6A">技术支持中心</span></div>
                          <div></div>
                        </div>
                      </div>
                    </div>


                  </div>
                </div>
              </div>
            </nav>




          </li>
          <li><a href="#"> <span>华为商城</span> <i class="ys">&#xe6ba;</i></a> </li>
          <li><a href="#"> <span>华为云</span> <i class="ys">&#xe6ba;</i></a> </a></li>
        </ul>

      </div>


      <!-- <div  class="sousuo_input"><input type="text"></div> -->

      <ul class="ul_sousuo ">

        <li><a href="#">
            <i class="sousuo">&#xe605;</i>
          </a></li>
        <li class="mobilephone_ann hidden-md hidden-lg"><a href="#">
            <i class="ann">&#xe675;</i>
            <i class="ann_out">&#xe61c;</i>
          </a></li>
      </ul>

    </div>


    <div class="mobilephone hidden-md hidden-lg">


      <div class="mobilephone_top">
        <ul class="mobilephone_top_ul">
          <li>
            <a href="#">手机，PC，平板... <i class="mobilephone_top_i">&#xe613;</i> </a>
            <ul class="mobilephone_top_ul_ul">
              <li><a href="#">访问华为商城</a></li>
              <li><a href="#">手机</a></li>
              <li><a href="#">PC</a></li>
              <li><a href="#">平板</a></li>
              <li><a href="#">穿戴</a></li>
              <li><a href="#">音频</a></li>
              <li><a href="#">路由器</a></li>
              <li><a href="#">智慧屏</a></li>
              <li><a href="#">EMUI</a></li>
              <li><a href="#">技术支持</a></li>
              <li class="mobilephone_top_com"><a href="#"> 访问 <span>consumer.huawei.com</span></a></li>
            </ul>
          </li>
          <li>
            <a href="#">解决方案&服务 <i class="mobilephone_top_i">&#xe613;</i> </a>
            <ul class="mobilephone_top_ul_ul">
              <li>
                <h3>企业用户</h3>
              </li>
              <li><a href="#">产品</a></li>
              <li><a href="#">解决方案</a></li>
              <li><a href="#">服务</a></li>
              <li><a href="#">合作伙伴</a></li>
              <li><a href="#">技术支持</a></li>
              <li class="mobilephone_top_com"><a href="#"> 访问 <span>e.huawei.com</span></a></li>
              <li>
                <h3>企业用户</h3>
              </li>
              <li><a href="#">产品</a></li>
              <li><a href="#">解决方案</a></li>
              <li><a href="#">服务</a></li>
              <li><a href="#">技术支持</a></li>
              <li class="mobilephone_top_com"><a href="#"> 访问 <span>carrier.huawei.com</span></a></li>
              <li>
                <h3>企业用户</h3>
              </li>
              <li><a href="#">产品</a></li>
              <li><a href="#">解决方案</a></li>
              <li><a href="#">技术支持</a></li>
              <li class="mobilephone_top_com"><a href="#"> 访问 <span>huaweicloud.com</span></a></li>
            </ul>
          </li>
        </ul>


        <ul class="mobilephone_top_ul">
          <li>
            <a href="#">华为商城 <i class="mobilephone_top_i">&#xe6ba;</i> </a>
          </li>
          <li>
            <a href="#">华为云 <i class="mobilephone_top_i">&#xe6ba;</i> </a>
          </li>
        </ul>

        <div class="mobilephone_top_btn">
          <a href="#"> <i>&#xe60d;</i> 登录 </a>
        </div>

      </div>



      <div class="mobilephone_bottom_">

        <div class="mobilephone_jtwz">
          <ul>
            <li>
              <h3>集团网站</h3>
              <p>公司信息，社会责任，新闻，展会活动，行业洞察等等</p>
            </li>
            <li>
              <h3><a href="#">个人用户</a></h3>
              <p>手机，PC和平板，穿戴设备等个人及家用产品</p>
            </li>
            <li>
              <h3><a href="#">企业用户</a></h3>
              <p>企业商用产品、解决方案和云服务</p>
            </li>
            <li>
              <h3><a href="#">运营商用户</a></h3>
              <p>运营商网络解决方案、产品及服务</p>
            </li>
          </ul>
        </div>

        <div class="mobilephone_language">
          <ul>
            <li> <i>&#xe693;</i> <span>Huawei Global</span> -<a href="#">English </a></li>
            <li><span>Australia</span> -<a href="#">English </a></li>
            <li><span>Belarus</span> -<a href="#">Pусский</a></li>
            <li><span>Brazil</span> -<a href="#">Portuguese</a></li>
            <li><span>Canada</span> -<a href="#">English </a></li>
            <li><span>China</span> -<a href="#">简体中文</a></li>
            <li><span>France</span> -<a href="#">Français</a></li>
            <li><span>Germany</span> -<a href="#">Deutsch</a></li>
            <li><span>Italy</span> -<a href="#">Italiano</a></li>
            <li><span>Japan</span> -<a href="#">日本語</a></li>
            <li><span>Kazakstan </span> -<a href="#">русский</a></li>
            <li><span>Kenya</span> -<a href="#">English</a></li>
            <li><span>Malaysia </span> -<a href="#">English</a></li>
            <li><span>Mexico</span> -<a href="#">Español</a></li>
            <li><span>Myanmar</span> -<a href="#">ျမန္မာ</a></li>
            <li><span>New Zealand</span> -<a href="#">English</a></li>
            <li><span>Russia</span> -<a href="#">русский</a></li>
            <li><span>South Africa</span> -<a href="#">English </a></li>
            <li><span>Spain</span> -<a href="#">Español </a></li>
            <li><span>Switzerland</span> -<a href="#">English </a></li>
            <li><span>Thailand</spa href="#">ภาษาไทย</a></li>
            <li><span>Turkey</span> -<a href="#">Türkiye</a></li>
            <li><span>Ukraine</span> -<a href="#">Українська </a></li>
            <li><span>United Kingdom</span> -<a href="#">English </a></li>
            <li><span>United States</span> -<a href="#">English </a></li>
            <li><span>Uzbekistan</span> -<a href="#">русский </a></li>
            <li><span>Uzbekistan</span> -<a href="#">O’zbek </a></li>
            <li><span>Vietnam</span> -<a href="#">Tiếng Việt</a></li>
          </ul>
        </div>

      </div>



      <div class="mobilephone_bottom">
        <div class="mobilephone_bottom_left">
          <a href="#">
            <span>集团网站</span>
            <i class="mobilephone_bottom_i">&#xe613;</i>
          </a>
        </div>
        <div class="mobilephone_bottom_right">
          <a href="#">
            <i class="mobilephone_bottom_right_i">&#xe693;</i>
            <span>选择区域/语言</span>
            <i class="mobilephone_bottom_i">&#xe613;</i>
          </a>
        </div>
      </div>
    </div>


  </nav>




  <div class="main_none">

    <!--第三部分 轮播 -->
    <div class="container banner">

      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img class="hidden-xs" src="./img/lunbo/hbanner-matex5g-cn.jpg" alt="">
            <img class="visible-xs-block banner_phone_img" src="./img/lunbo/hbanner-matex5g-m-cn.jpg" alt="">
            <div class="ljgd1">了解更多 <i class="ljgd_i">&#xe689;</i> </div>
          </div>
          <div class="swiper-slide">
            <img class="hidden-xs" src="./img/lunbo/hbanner-hdc2020-2.JPG" alt="">
            <img class="visible-xs-block banner_phone_img" src="./img/lunbo/hbanner-hdc2020-m2.jpg" alt="">
            <div class="ljgd2">了解更多 <i class="ljgd_i">&#xe689;</i> </div>
          </div>
          <div class="swiper-slide">
            <img class="hidden-xs" src="./img/lunbo/hbanner-intelligent-world.jpg" alt="">
            <img class="visible-xs-block banner_phone_img" src="./img/lunbo/hbanner-intelligent-world-m.jpg" alt="">
            <div class="ljgd_img hidden-xs"><img src="./img/lunbo/hbanner-intelligent-world-text3-cn.png" alt=""></div>
            <div class="ljgd3">了解更多 <i class="ljgd_i">&#xe689;</i> </div>
          </div>
        </div>
        <!-- Add Pagination -->




        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>


      <div class="banner_top">
        <div class="container ">
          <!-- Add Pagination -->
          <div class="swiper-pagination"></div>
          <div class="row">
            <div class="col-sm-4">
              <a href="#" class="col-sm-4_a">
                <div class="col-sm-4_img hidden-xs">
                  <img src="./img/lunbo/panel-banner.jpg" alt="">
                </div>
                <div class="col-sm-4_text">
                  <h3>个人用户</h3>
                  <p class="hidden-xs">手机，笔记本和平板等个人家用产品</p>
                </div>
              </a>
            </div>
            <div class="col-sm-4">
              <a href="#" class="col-sm-4_a">
                <div class="col-sm-4_img hidden-xs">
                  <img src="./img/lunbo/banner-nav-img02.png" alt="">
                </div>
                <div class="col-sm-4_text">
                  <h3>企业用户</h3>
                  <p class="hidden-xs">企业商用产品、解决方案及云服务</p>
                </div>
              </a>
            </div>
            <div class="col-sm-4">
              <a href="#" class="col-sm-4_a">
                <div class="col-sm-4_img hidden-xs">
                  <img src="./img/lunbo/banner-nav-img03.png" alt="">
                </div>
                <div class="col-sm-4_text">
                  <h3>运营商用户</h3>
                  <p class="hidden-xs">运营商网络解决方案、产品及服务</p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>

    </div>

    <!-- 第四部分 -->
    <div class="container product-callout">
      <div class="container">
        <div class="row">


          <div class="col-lg-6 hidden-xs">
            <a href="#">
              <div class="card">
                <div>
                  <div class="card_text">
                    <img src="./img/mate30-series5g-logo.png" alt="">
                    <p>5G重构想象</p>
                    <br>
                    <br>
                    <br>
                    <br>
                    <span>了解更多 <i class="jiantou_i">&#xe689;</i> </span>
                    <div><small>*图片仅供参考，请以实物为准</small> </div>
                  </div>
                  <div class="card_img">
                    <img src="./img/mate30-series5g.png" alt="">
                    <!-- <img src="./img/products-phone-img-bg.png" alt=""> -->
                  </div>
                </div>
              </div>
              <div class="card_bg"></div>
            </a>
          </div>

          <div class="col-lg-6 visible-xs">
            <a href="#">
              <div class="card_xs">
                <div>
                  <div class="card_xs_text">
                    <img src="./img/mate30-series5g-logo.png" alt="">
                    <p>5G重构想象</p>
                    <div><small>*图片仅供参考，请以实物为准</small></div>
                  </div>
                  <div class="card_xs_img">
                    <img src="./img/mate30-series5g.png" alt="">
                  </div>
                </div>
              </div>
              <div class="card_xs_bg"></div>
            </a>
          </div>

          <div class=" col-lg-5 col-sm-6 col-lg-offset-1 featured-card">
            <a href="#">
              <div class="card2">
                <img src="./img/gongyi.jpg" alt="">
                <div>
                  <p>华为大学公益课程</p>
                  <div>
                    <h2>春风行动-华为如何防疫复工？</h2>
                    <p>如何打造比家更安全的办公环境？如何有效开展防疫复工的准备与管理？本公益课程将为您分享华为积累的实践经验和工具，助您打好防疫复工这场攻艰战。 </p>
                  </div>
                  <span class="hidden-xs">了解更多 <i class="jiantou_i">&#xe689;</i> </span>
                </div>
              </div>
            </a>
          </div>


        </div>
      </div>
    </div>


    <!-- 第五部分 -->
    <div class="container secondary-hero">
      <div class="hero-img">
        <span class="hidden-xs lazy-loaded over"><img src="./img/t4a-edu-cn.jpg" alt=""></span>
        <span class="visible-xs lazy-loaded over"><img src="./img/t4a-edu-m-cn.jpg" alt=""></span>
        <span class="hidden-xs">了解更多 <i class="jiantou_i">&#xe689;</i> </span>
      </div>
    </div>

    <!-- 第六部分 -->
    <div class="container">
      <div class="exhibition_title title">
        <h2>展会活动</h2>
        <a href="#" class="hidden-xs">查看全部 <i>&#xe600;</i> </a>
      </div>
      <div class="row">
        <div class="carousel">
          <div class="col-sm-5 col-sm-offset-1">
            <p>展会活动</p>
            <div>
              <h3>华为开发者大会HDC.Cloud</h3>
              <span>中国 深圳 | 2020年3月27日-28日</span>
              <p>华为开发者大会2020（Cloud）是华为面向ICT（信息与通信）领域全球开发者的年度顶级旗舰活动。我们期待与你共创计算新时代，在一起，梦飞扬！ </p>
            </div>
            <span class="hidden-xs">了解更多 <i class="jiantou_i">&#xe689;</i> </span>
          </div>
          <div class="col-sm-6">
            <div class="events-img"><img src="./img/event-hdc-2020.jpg" alt=""></div>
          </div>
        </div>

      </div>
    </div>
    <!-- 第七部分 -->
    <div class="container">
      <div class="story_title title">
        <h2>成功故事</h2>
        <a href="#" class="hidden-xs">查看全部 <i>&#xe600;</i> </a>
      </div>
      <div class="row story_main">

        <div class="col-sm-4">
          <div>
            <a href="#">
              <div class="story_img">
                <img src="./img/ska.jpg" alt="">
              </div>
              <div class="story_text">
                <p>成功故事</p>
                <div>
                  <h3>SKA：借助AI，上九天揽月</h3>
                </div>
                <span class="hidden-xs">更多 <i class="jiantou_i">&#xe689;</i> </span>
              </div>
            </a>
          </div>
        </div>
        <div class="col-sm-4">
          <div>
            <a href="#">
              <div class="story_img">
                <img src="./img/ska2.jpg" alt="">
              </div>
              <div class="story_text">
                <p>成功故事</p>
                <div>
                  <h3>从20天到2小时，南方电网深圳供电局巡检效率提升了80倍</h3>
                </div>
                <span class="hidden-xs">更多 <i class="jiantou_i">&#xe689;</i> </span>
              </div>
            </a>
          </div>
        </div>
        <div class="col-sm-4">
          <div>
            <a href="#">
              <div class="story_img">
                <img src="./img/ska3.jpg" alt="">
              </div>
              <div class="story_text">
                <p>成功故事</p>
                <div>
                  <h3>智慧煤矿：汇聚AI的力量</h3>
                </div>
                <span class="hidden-xs">更多 <i class="jiantou_i">&#xe689;</i> </span>
              </div>
            </a>
          </div>
        </div>


      </div>
    </div>
    <!-- 第八部分 -->
    <div class="container news">
      <div class="news_title title">
        <h2>成功故事</h2>
        <a href="#" class="hidden-xs">查看全部 <i>&#xe600;</i> </a>
      </div>
      <div class="row news_main">
        <div class="col-lg-5 col-sm-6">
          <div>
            <a href="#">
              <div class="news_img">
                <img src="./img/new-year-message-2020.jpg" alt="">
              </div>
              <div class="news_text">
                <div>
                  <p>新闻 | 2020年01月01日</p>
                  <div>
                    <h3>求生存，谋发展，砥砺奋进——轮值董事长徐直军 2020年新年致辞</h3>
                  </div>
                </div>
                <span class="hidden-xs">更多 <i class="jiantou_i">&#xe689;</i> </span>
              </div>
            </a>
          </div>
        </div>
        <div class="col-sm-6 col-lg-offset-1">
          <ul>
            <li>
              <p>新闻 | 2020年03月02日</p>
              <a href="#">Turkcell携手华为完成运营商现网800G创新试点</a>
            </li>
            <li>
              <p>新闻 | 2020年02月29日</p>
              <a href="#">华为发布5G室内数字化家族系列新产品解决方案</a>
            </li>
            <li>
              <p>新闻 | 2020年02月29日</p>
              <a href="#">太原移动携手华为成功商用全国首个5G LightSite室内数字系统</a>
            </li>
            <li>
              <p>新闻 | 2020年02月29日</p>
              <a href="#">华为智能电动通过汽车行业功能安全管理体系ASIL D认证</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 第九部分 -->
    <footer>
      <div id="footer">
        <div class="container">
          <div class="footer_nav">
            <div class="row">

              <div class="col-sm-12 col-md-3">
                <h3><a href="#">关于华为 <i>&#xe600;</i> </a></h3>
                <ul class="clearfix">
                  <li><a href="#">公司简介</a></li>
                  <li><a href="#">公司治理</a></li>
                  <li><a href="#">管理层信息</a></li>
                  <li><a href="#">可持续发展</a></li>
                  <li><a href="#">信任中心</a></li>
                  <li><a href="#">债券投资者关系</a></li>
                  <li><a href="#">出版物</a></li>
                </ul>
              </div>
              <div class="col-sm-12 col-md-3">
                <h3><a href="#">新闻 & 展会 <i>&#xe600;</i> </a></h3>
                <ul class="clearfix">
                  <li><a href="#">新闻</a></li>
                  <li><a href="#">展会活动</a></li>
                  <li><a href="#">公司年报</a></li>
                  <li><a href="#">媒体图库</a></li>
                  <li><a href="#">媒体联系</a></li>
                </ul>
              </div>
              <div class="col-sm-12 col-md-3">
                <h3><a href="#">行业洞察 <i>&#xe600;</i> </a></h3>
                <ul class="clearfix">
                  <li><a href="#">行业研究</a></li>
                  <li><a href="#">行业展望</a></li>
                  <li><a href="#">热点技术</a></li>
                  <li><a href="#">创新</a></li>
                </ul>
              </div>
              <div class="col-sm-12 col-md-2">
                <h3><a href="#">技术支持</a></h3>
                <ul class="clearfix">
                  <li><a href="#">消费者技术支持</a></li>
                  <li><a href="#">企业技术支持</a></li>
                  <li><a href="#">运营商技术支持</a></li>
                  <li><a href="#">安全通告</a></li>
                </ul>
              </div>
              <div class="col-sm-1">
                <ul class="icons">
                  <li><a href="#"><i>&#xe614;</i></a></li>
                  <li><a href="#"><i>&#xeece;</i></a></li>
                  <li><a href="#"><i>&#xe61a;</i></a></li>
                  <li><a href="#"><i>&#xe640;</i></a></li>
                  <li><a href="#"><i>&#xe606;</i></a></li>
                </ul>
              </div>

            </div>

            <div class="others-nav">
              <h3><a href="#">业务入口</a></h3>
              <div class="row">
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    招聘
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    开发者
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    合作伙伴
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    产品定义社区
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    供应商平台
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    除名查询
                  </a></li></ul>
                </div>
              </div>


              <h3 class="xgww"><a href="#">相关网站</a></h3>
              <div class="row">
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    华为商城
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    华为云
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    华为智能光伏
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    华为心声社区
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    华为海洋
                  </a></li></ul>
                </div>
                <div class="col-sm-3 col-xs-6">
                  <ul><li><a href="#">
                    荣耀官网
                  </a></li></ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="copy">
          <div class="container">
            <div class="row">
              <div class="col-sm-6">
                <span>
                  <span>©2020 华为技术有限公司    </span>
                  <br class="visible-xs">
                  <a href="#">粤A2-20044005号</a>
                  <a href="#"> 粤公网安备 44030702002388号</a>
                </span>
              </div>
              <div class="col-sm-6">
                <ul>
                  <li><a href="#">联系我们</a></li>
                  <li>|<a href="#">法律声明</a></li>
                  <li>|<a href="#">隐私政策</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>

  </div>






  <script src="./js/jquery.min.js"></script>
  <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
  <script src="./swiper-5.2.1/swiper-5.2.1/package/js/swiper.min.js"></script>
  <script src="./js/demo.js"></script>
</body>

</html>